<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <title>消息记录</title>
    <link rel="stylesheet" href="../plugs/kindeditor/plug/modal/modal.min.css">
    <link rel="stylesheet" href="../assets/icomoon/style.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/detail.css">
    <link rel="stylesheet" href="../css/history.css">
</head>

<body>
    <!-- 消息记录 -->
    <div class="g-chat-wrap">
        <!-- 昵称和功能按钮 -->
        <div class="m-chat-header">
            <span class="chat-nickname" id="usernick"></span>
            <div class="fun-area">
                <div class="i-box min" title="最小化">
                    <i class="icon-jslt-05"></i>
                </div>
                <div class="i-box max" title="最大化">
                    <i class="icon-jslt-17"></i>
                </div>
                <div class="i-box close" title="关闭">
                    <i class="icon-jslt-02"></i>
                </div>
            </div>
            <!-- 返回按钮 -->
            <a href="javascript:;" title="返回" class="back-to" onclick="backTo()">
                <i class="icon-jslt-16"></i>
            </a>
        </div>
        <div class="m-chat-sch">
            <div class="m-chat-sch-box">
                <i class="icon-jslt-13 his-sch-btn"></i>
                <input type="text" placeholder="搜索" class="his-sch-ipt" oninput="searchHistory(this.value)">
            </div>
        </div>
        <!-- 消息主体 -->
        <div class="m-chat-body" id="m-chat-body">
            <div class="view-more-box">
                <div class="view-more" id="view-more" onclick="viewMoreRecord()">
                    <i class="icon-jslt-11"></i>
                    <span>查看更多消息</span>
                </div>
            </div>
            <!-- 消息记录 -->
            <div class="chat-list" id="chat-list">
                <!-- <div class="chat-item clearfix">
                    <div class="avatar">
                        <img src="../assets/images/36d55e28202ceba349998477f2597eef.jpg" alt="">
                    </div>
                    <div class="chat-cont">
                        <div class="cont">
                            Hi，老同学最近在干啥呢?
                        </div>
                        <div class="triangle"></div>
                    </div>
                </div>
                <div class="chat-item clearfix self">
                    <div class="avatar">
                        <img src="../assets/images/36d55e28202ceba349998477f2597eef.jpg" alt="">
                    </div>
                    <div class="chat-cont">
                        <div class="cont">
                            Hi，老同学最近在干啥呢?Hi，老同学最近在干啥呢?Hi，老同学最近在干啥呢?Hi，老同学最近在干啥呢?Hi，老同学最近在干啥呢?Hi，老同学最近在干啥呢?
                        </div>
                        <div class="triangle"></div>
                    </div>
                </div>
                <div class="chat-item clearfix self">
                    <div class="avatar">
                        <img src="../assets/images/36d55e28202ceba349998477f2597eef.jpg" alt="">
                    </div>
                    <div class="chat-cont has-img">
                        <div class="cont">
                            <img src="../assets/images/36d55e28202ceba349998477f2597eef.jpg" alt="">
                        </div>
                        <div class="triangle"></div>
                    </div>
                </div> -->
            </div>
            <!-- 消息记录-搜索结果 -->
            <div class="chat-list sch-chat-list" id="sch-chat-list">
                <!-- <div class="chat-item clearfix">
                    <div class="avatar">
                        <img src="../assets/images/36d55e28202ceba349998477f2597eef.jpg" alt="">
                    </div>
                    <div class="chat-cont">
                        <div class="cont">
                            Hi，老同学最近在干啥呢?
                        </div>
                        <div class="triangle"></div>
                    </div>
                </div>
                <div class="chat-item clearfix self">
                    <div class="avatar">
                        <img src="../assets/images/36d55e28202ceba349998477f2597eef.jpg" alt="">
                    </div>
                    <div class="chat-cont">
                        <div class="cont">
                            Hi，老同学最近在干啥呢?Hi，老同学最近在干啥呢?Hi，老同学最近在干啥呢?Hi，老同学最近在干啥呢?Hi，老同学最近在干啥呢?Hi，老同学最近在干啥呢?
                        </div>
                        <div class="triangle"></div>
                    </div>
                </div>
                <div class="chat-item clearfix self">
                    <div class="avatar">
                        <img src="../assets/images/36d55e28202ceba349998477f2597eef.jpg" alt="">
                    </div>
                    <div class="chat-cont has-img">
                        <div class="cont">
                            <img src="../assets/images/36d55e28202ceba349998477f2597eef.jpg" alt="">
                        </div>
                        <div class="triangle"></div>
                    </div>
                </div> -->
            </div>
        </div>

        <!-- 翻页器 -->
        <div class="m-pagnation">
            <div class="float-right">
                <i class="icon-jslt-16"></i>
                <i class="icon-jslt-15"></i>
            </div>
            <div class="float-right schedule">
                <i class="icon-jslt-08"></i>
                <!-- <span>2018年12月12日</span> -->
                <input type="text" readonly class="calendar-date" id="calendar-date">
            </div>
        </div>
    </div>

    <!-- 用户详情弹框 -->
    <div class="m-uinfo-box-cover" id="m-uinfo-box-cover">
        <div class="m-uinfo-box">
            <div class="m-uinfo-header">
                <i class="icon-jslt-02" onclick="closeUinfoBox()"></i>
            </div>
            <div class="m-uinfo-main" id="m-uinfo-main">
                <!-- <img src="../assets/images/36d55e28202ceba349998477f2597eef.jpg" class="avatar">
                        <p class="nickname">
                            <span>张三</span>
                            <i class="icon-jslt-07"></i>
                            <i class="icon-jslt-06" style="display:none;"></i>
                        </p>
                        <p class="account">账号：zhangsan</p>
                        <div class="other">
                            <p>
                                <span>备 注</span>
                                <span class="ellipsis">张三</span>
                            </p>
                            <p>
                                <span>地 区</span>
                                <span class="ellipsis">四川 成都</span>
                            </p>
                            <p>
                                <span>来 源</span>
                                <span class="ellipsis">通过手机号搜索添加</span>
                            </p>
                        </div> -->
            </div>
        </div>
    </div>

    <script src="../plugs/base64/base64.js"></script>
    <script src="../plugs/laydate/laydate.js"></script>
    <script src="../plugs/kindeditor/plug/modal/modal.min.js"></script>
    <script src="../plugs/kindeditor/lib/tool.min.js"></script>
    <script src="../plugs/kindeditor/lib/interactive.min.js"></script>
    <script src="../plugs/kindeditor/lib/all.js"></script>
    <script src="../lib/jquery-3.2.1.js"></script>
    <script src="../lib/scrollBar.js"></script>
    <script src="../utils/formatChat.js"></script>
    <script src="../js/history.js"></script>
    <script>
        //自定义滚动条
        new CusScrollBar({
            contentSelector: '.scroll_cont', //滚动内容区
            barSelector: '.scroll_bar', //滚动条
            sliderSelector: '.scroll_slider' //滚动滑块
        });
    </script>
</body>

</html>